// 暗夜模式
html.dark {
  --menu-bg-color: #1F2935;
  --card-bg: #1F2935;
  --card-shadow: none;
  --html-bg-color: #161D26;
  #app {
    background: var(--html-bg-color);
  }
  .el-menu {
    --el-menu-hover-text-color: var(--html-bg-color);
  }
  .el-aside {
    background: linear-gradient(180deg, #1F2935 0%, #1F2935 0%, #415265 100%, #415265 100%);
  }
  .el-container .el-main {
    background: transparent;
  }
  .el-table__header-wrapper {
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    .el-table__cell {
      padding: 20px 0;
    }
  }
  .card-container {
    --card-info-bg-color: #283442;
    --card-header-bg-color: #1F2935;
    --card-border-color: var(--html-bg-color);
    --card-shadow-color: none;
  }
  .el-table {
    --el-table-header-bg-color: #283442;
    --el-table-tr-bg-color: #1F2935;
    --el-fill-color-lighter: #1F2935;
    --el-table-row-hover-bg-color: #1F2935;
    --el-table-header-text-color: #fff;
    --el-table-text-color: #fff;
    --el-table-border-color: var(--html-bg-color);
    --el-table-border: 3px solid var(--el-table-border-color);
  }
  .el-checkbox {
    --el-checkbox-bg-color: #fff;
  }
  .el-date-editor.el-input__inner {
    background: #1F2935;
  }
  .el-input, .el-textarea {
    --el-input-bg-color: #1F2935;
    --el-input-border-color: transparent;
    --el-disabled-border-color: none;
    &.is-disabled .el-input__inner {
      cursor: not-allowed;
    }
  }
  .el-pagination {
    --el-pagination-button-bg-color: #1F2935;
  }
}